@media screen and (min-width:680px){
  .titre{
  text-align: center;
  color: #fff;
  font-size: 5rem;
  margin: 0%;
  }
}


@media screen and (min-width:680px){
  .italique{
  text-align: center;
  color: #fff;
  padding-top: 13%;
  font-size: 2.5rem;
  font-style: italic;
  position: relative;
  }
}


/* ------------------------------------------------------------------cadre gris---------------------------------------------------------------------*/

@media screen and (max-width:1350px) {
  .cadre{
    width: 100%;
    background-color: rgb(124, 124, 124);
    height: 20vh;
  }
}



/*----------------------------------------------------------------section prestation-------------------------------------------------*/



/*------------------------------------------------------------------drone-fpv------------------------------------------------------*/


@media screen and (min-width: 768px) {
.drone-fpv {
  width: 33%;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-right: 0.5%;
}
}



@media screen and (min-width: 768.01px) {
.imgdrone-fpv {
    min-height: 50vh;
}
}





/*-------------------------------------------------------------------realisation--------------------------------------------------*/


@media screen and (min-width: 768px) {
.realisation {
  width: 33%;
  text-align: center;
  display: inline-block;
  position: relative;
}
}


@media screen and (min-width: 768.01px) {
.imgrealisation {
    min-height: 50vh;
}
}




/*------------------------------------------------------------------drone-stabilise-----------------------------------------------*/


@media screen and (min-width: 768px) {
.drone-stabilise {
  width: 33%;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 0.5%;
}
}

@media screen and (min-width: 768.01px) {
.imgdrone-stabilise {
    min-height: 50vh;
}
}




/*---------------------------------------------------------------------------------3 images interractive-------------------------------------*/


@media screen and (min-width:800px){
.images_3_interractive {
padding-top: 3%;
display: flex;
width: 100%;
height: 50vh;
overflow: hidden; /* Pour éviter le débordement lorsque les images sont agrandies */
}
}



@media screen and (min-width:800px) {
.image-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  transition: flex 0.3s; /* Transition pour le changement de largeur */
  cursor: pointer;
  width: 33.3%; /* Taille initiale */
}
}



@media screen and (min-width:800px) {
.container:hover .image-wrapper {
  width: 25%; /* Taille réduite au survol pour toutes les images */
}
}

/*------------------------------------------------------------------------------------------------------------------section realisation_cote_droite_gnl-----------*/

/*-----------realisation_cadre_photo_gnl-----*/
@media screen and (max-width: 1350px) and (min-width: 768px) {
  .index_cadre_photo_gnl{
    width: 100%;
    display: flex;
    margin-top: 5%;
    height: 70vh;
  }
}




/*-----------realisation_cote_droite_gnl---ok--*/




@media screen and (max-width: 1350px) and (min-width: 768px) {
.index_cote_droite_gnl{
  width: 60%;
  height: 60vh;
  display: flex;
}
}



/*-----------realisation_cote_droite_gnl---ok--*/




@media screen and (max-width: 1350px) and (min-width: 768px) {
.index_cote_gauche_gnl{
  width: 38%;
  height: 60vh;
  padding-right: 2%;
}
}


/*--------------------------------------------gauche photo----------------------------*/

@media screen and (min-width: 500px){
.index_cote_droite_cadre_gauche_gnl{
  width: 48.5%;
  height: 100%;
  padding-right: 1.5%;
}
}
@media screen and (min-width:769px) {
  .index_cote_droite_cadre_gauche_haut{
    height: 22%;
    padding-bottom: 3%;
  }
  
}

@media screen and (min-width:769px) {
  .index_cote_droite_cadre_gauche_bas{
    height: 72%;
    padding-top: 3%;
  }
  
}



/*------------------------------------------droite photo-----------------------*/


@media screen and (min-width: 500px){
.index_cote_gauche_cadre_droite_gnl{
  width: 48.5%;
  height: 100%;
  padding-left: 1.5%;
}
}

@media screen and (min-width:769px) {
  .index_cote_gauche_cadre_droite_haut{
    height: 72%;
    padding-bottom: 3%;
  }
  
}

@media screen and (min-width:769px) {
  .index_cote_gauche_cadre_droite_bas{
    height: 22%;
    padding-top: 3%;
  }
  
}


/*--------------------------------------------partie--gauche---------------------------*/




@media screen and (min-width: 500px){
.index_cote_gauche_bar::after{
  content: '';
  width: 3%;
  height: 2px;
  position: absolute;
  background-color: #f00;
}
}



/*-------------------------------------------------------------------------------------------------------------footer--------------------------------------------------------------*/



@media screen and (min-width:768px) {
.footergnl{
  display: flex;
  background-color: #9e9e9e;
  width: 80%;
  height: 125%;
  padding-left: 10%;
  padding-right: 10%; 
}
}



@media screen and (min-width:768px){
.reseau{
  width: 25%;
  height: auto;
}
}


@media screen and (min-width:768px){
.reseau1{
  width: 50%;
  padding-left: 25%;
  padding-right: 25%;
}
}





@media screen and (min-width:768px){
.lienutile{
  width: 25%;
}
}



@media screen and (min-width:768px){
.lienutile1{
  width: 50%;
  height: auto;
  padding-left: 25%;
  padding-right: 25%;
}
}





@media screen and (min-width:768px){
.logofooter{
  width: 25%;
  height: auto;
}
}




@media screen and (min-width:768px){
.lienimportant{
  width: 25%;
  height: auto;
}
}


@media screen and (min-width:768px){
.lienimportant1{
  width: 50%;
  height: auto;
  padding-left: 25%;
  padding-right: 25%;
}
}